<!--
 * @Author: Mr.Hope
 * @LastEditors  : Mr.Hope
 * @Description: 东师指南页面
 * @Date: 2019-03-24 11:14:13
 * @LastEditTime : 2019-12-27 09:38:40
-->
<template>
  <div class="container">
    <h2 class="px-3 pt-3">东师指南</h2>
    <BaseGrid v-for="item in guidelist" :key="item.head" v-bind="item" />
    <h2 class="px-3 pt-3">东师手册</h2>
    <a-button
      block
      class="mb-3 blockButton"
      type="primary"
      @click="window.open('https://mrhope.site/guide/');"
    >点击进入</a-button>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import BaseGrid from '#/base/Grid.vue';

@Component({ components: { BaseGrid } })
export default class Guide extends Vue {
  private readonly guidelist = require('|/guideList');
}
</script>
<style scoped>
.blockButton {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
}
</style>
